<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <title>拼图前端框架HTML模版</title>
    <meta name="keywords" content="关键词" />
    <meta name="description" content="描述" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/pintuer.css">
	<link rel="stylesheet" href="js/layer/skin/l.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <div class="layout fixed-top header">
		<div class="line">
			<div class="xl1 text-center"><i class="icon-mail-reply"></i></div>
			<div class="xl10 text-center"><h1>西北房地产超市</h1></div>
			<div class="xl1 text-center"><i class="icon-search"></i></div>
		</div>
	</div>
	<div class="layout ">
		<div style="height:48px"></div>
		<div class="banner" data-pointer="1" data-interval="6" data-item="1" data-small="1" data-middle="1" data-big="3">
			<div class="carousel">
				<div class="item">
					<a> <img src="img/1.jpg"></a>
				</div>
				<div class="item">
					<a> <img src="img/2.jpg"></a>
				</div>
				<div class="item">
					<a> <img src="img/3.jpg"></a>
				</div>
				<div class="item">
					<a> <img src="img/4.jpg"></a>
				</div>
				<div class="item">
					<a> <img src="img/5.jpg"></a>
				</div>
				<div class="item">
					<a> <img src="img/1.jpg"></a>
				</div>
				<div class="item">
					<a> <img src="img/2.jpg"></a>
				</div>
				<div class="item">
					<a> <img src="img/3.jpg"></a>
				</div>
				<div class="item">
					<a> <img src="img/4.jpg"></a>
				</div>
				<div class="item">
					<a> <img src="img/5.jpg"></a>
				</div>
		  </div>
		</div>
	</div>

	<div class="container">
		<hr class="bg-red"/>
		<div class="line-middle">
			<div class="x12">
				<h2>山水名城</h2><span class="float-right text-yellow">均价7599元</span>
				<div class="clearfix"></div>
				<p>一生之城，三万亩湿地公园，800亩生态湖泊，千亿配套一座城。</p>
				<div class="xl6">3万抵10万
				</div>
				<div class="xl6">6天4小时0分23秒
				</div>
			</div>
		</div>
	</div>
	</div>
	
	<div class="container">
		<hr class="bg-red"/>
		<div class="x12 btns">
					<a href="#map" class="x12 ">
						<i class="icon-map-marker text-green margin"></i>
							兰州市七里河区西津南路26号
						<i class="icon-chevron-right text-gray float-right"></i>
					</a>
					<a href="#" class=" x12 ">
						<i class="icon-file-text-o text-blue margin"></i>
							项目介绍
						<i class="icon-chevron-right text-gray float-right"></i>
					</a>
					<a href="tel:400-5322-223" class=" x12 ">
						<i class="icon-phone-square text-blue margin"></i>
							400-5322-223
						<i class="icon-chevron-right text-gray float-right"></i>
					</a>

					<a href="#" class="x12  bg-red  text-white text-center">
						<i class="icon-gift margin"></i>
							抢礼包
					</a>
					<a href="#" class="x12 bg-white">
							预约看房
						<span class="badge bg-red float-right text-right">还有12个名额</span>
					</a>
					<a href="#" class="x12 bg-white">
							我要砍价
						<span class="badge bg-red float-right text-right">还有10个名额</span>
					</a>
			</div>
		</div>
		<div class="x12 clearfix" style="20px"></div>
		<div class="container border">
			<h3  style="line-height:46px;">在售户型</h3>
			<ul class="list-media list-underline list-img line-middle">
				 
				 <li class="xl12 xm12 xd6 xb6 clearfix">
					<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/hx1.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>A+户型</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">在售</span>
							
						</div>
						<div class="xl6 xm6 xd6 xb6">
							两室一厅一卫一厨
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">建筑面积86.48平方米</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
				</div>
		  </li>

		  <li class="xl12 xm12 xd6 xb6 clearfix">
					<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/hx2.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>B+户型</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">在售</span>
							
						</div>
						<div class="xl6 xm6 xd6 xb6">
							两室一厅一卫一厨
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">建筑面积126.48平方米</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
				</div>
		  </li>

		  <li class="xl12 xm12 xd6 xb6 clearfix">
					<div class="line-middle">
					<div class="xl4 xm3 xd3 xb3 img">
						<a  href="#">
							<img src="img/hx3.jpg" class="img-responsive img-border border-blue radius-big" >
						</a>
					</div>
					<div class="xl8 xm9 xd9 xb9 text">
						<div class="xl7 xm8 xd8 xb8">
							<h3>C+户型</h3>
						</div>
						<div class="xl5 xm4 xd4 xb4 text-right">
							<span class="tag bg-dot">在售</span>
							
						</div>
						<div class="xl6 xm6 xd6 xb6">
							两室一厅一卫一厨
						</div>
						<div class="xl6 xm6 xd6 xb6 text-right">
							<span  class="text-red">建筑面积86.48平方米</span>
						</div>
						<div class="xl12">
							<span  class="text-gray">一生之城，3万亩湿地公园。43%绿化</span>
						</div>
				</div>
		  </li>
			</ul>
		</div>

		<div class="container border">
			<h3  style="line-height:46px;">专家点评</h3>
			<blockquote class="border-red">
			  <p>
				兰州大学城市规划设计研究院副院长张旺峰教授表示，兰州市在开发黄河风情线时，就不太注重突出地域文化特色。“黄河上到处是快艇，很多外地游客来兰州，导游一味推荐他们乘快艇，而我们传承了上千年的羊皮筏子却很少见。如果商家能将几十只羊皮筏子连在一起沿黄河漂流，肯定能带给外地游客非常深刻的印象。”
			  </p>
			</blockquote>
		</div>
	
		<div style="height:48px;">
		</div>
	</div>
	
	<div class="layout bg-slight fixed-bottom footer">
		<div class="button-group button-group-justified">
		  <div class="button-group drop dropup">
			<a class="button dropdown-toggle">找房 <span class="upward"></span></a>
			<ul class="drop-menu">
				<li><a>按面积</a></li>
				<li><a>按地段</a></li>
				<li><a>按价位</a></li>
				<li><a>按户型</a></li>
			</ul>
		  </div>
		  <div class="button-group drop dropup">
			<a class="button dropdown-toggle">买房 <span class="upward"></span></a>
			<ul class="drop-menu">
				<li><a>限时特惠</a></li>
				<li><a>领取礼包</a></li>
				<li><a>金牌户型</a></li>
				<li><a>本周推荐</a></li>
			</ul>
		  </div>
		  <div class="button-group drop dropup">
			<a class="button dropdown-toggle">个人中心 <span class="upward"></span></a>
			<ul class="drop-menu">
			  <li><a>个人设置</a></li>
				<li><a>登录</a></li>
				<li><a>注册</a></li>
			</ul>
		  </div>
		</div>
	</div>
  <script src="js/jquery.min.js"></script>
  <script src="js/pintuer.js"></script>
  <script src="js/layer/layer.js"></script>
  <script src="js/respond.min.js"></script>
  <script src="js/main.js"></script>
  </body>
  
</html>